$(document).ready(function(){
    cargarListaOfertasPersonales();
});

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

function cargarListaOfertasPersonales(){
    var loading = "<tr><td align='right'><span class='spn_loading'><img src='WEB-CONTENT/img/progress.gif'/></span></td></tr>"
    $("#grid_listado_ofertas-personales table").html(loading);
    
    var html =   "";
    
    var url = par_sis[0]+par_sis[11]+par_sis[127];    
    $.getJSON(
        url,
        {s_of:'',s_al:''},
        function(data) {
                if(data == ""){
                    html += "<tr><p><span class=''>Ninguna Oferta Personal.</span></p></tr>";
                }else{
                    $.each(data, function(key, val) {
                        html += "<tr><td width='100%' class='oferta_item'>\n\
                                    <table width='100%'>\n\
                                        <tr>\n\
                                            <td width='94%'class='oferta_titulo'>"+val["crg"]+"</td>\n\
                                            <td width='3%' class='oferta_ver'><a href='#!' title='Ver m&aacute;s' class='tooltip' onclick='verDetallesOferta("+'"'+val["cod"]+"-"+val["ruc"]+'"'+")'><img src='WEB-CONTENT/img/vermas.gif'/></a></td>\n\
                                            <td width='3%' class='oferta_aplicar'><a href='#!' title='Aplicar Oferta' class='tooltip' onclick='enviarPerfil("+'"'+val["cod"]+"-"+val["ruc"]+'"'+")'><img src='WEB-CONTENT/img/aplicar.gif'/></a></td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Empresa Encargada:</span>"+val["nombre_empresa"]+"</td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Fecha de Creacion:</span>"+val["fec_cre"]+"<span class='oferta_label' style='padding-left:10px;'>Vence:</span>"+val["fec_ven"]+"</td>\n\
                                        </tr>\n\
                                    </table>\n\
                                </td></tr>";
                    });
                }                 
            $("#grid_listado_ofertas-personales table").html(html);
            $("a.tooltip").tipsy({gravity: 'w',html:true});
        });
}

function cargarListaOfertasMercado(){
    var loading = "<tr><td align='right'><span class='spn_loading'><img src='WEB-CONTENT/img/progress.gif'/></span></td></tr>"
    $("#grid_listado_ofertas-mercado table").html(loading);
    
    var html =   "";
    
    var url = par_sis[0]+par_sis[11]+par_sis[128];    
    $.getJSON(
        url,
        {esc:'',dsc:''},
        function(data) {
                if(data == ""){
                    html += "<tr><td colspan='4'>Ninguna Oferta de Mercado.</td></tr>";
                }else{
                    $.each(data, function(key, val) {
                        html += "<tr><td width='100%' class='oferta_item'>\n\
                                    <table width='100%'>\n\
                                        <tr>\n\
                                            <td width='94%'class='oferta_titulo'>"+val["crg"]+"</td>\n\
                                            <td width='3%' class='oferta_ver'><a href='#!' title='Ver m&aacute;s' class='tooltip' onclick='verDetallesOferta("+'"'+val["cod"]+"-"+val["ruc"]+'"'+")'><img src='WEB-CONTENT/img/vermas.gif'/></a></td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Empresa Encargada:</span>"+val["nombre_empresa"]+"</td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Fecha de Creacion:</span>"+val["fec_cre"]+"<span class='oferta_label' style='padding-left:10px;'>Vence:</span>"+val["fec_ven"]+"</td>\n\
                                        </tr>\n\
                                    </table>\n\
                                </td></tr>";
                    });
                }                 
            $("#grid_listado_ofertas-mercado table").html(html);
            $("a.tooltip").tipsy({gravity: 'w',html:true});
        });
}

function filtrarOfertas(){
    var formulario = "#form_busqueda_lita_merc";    
    var loading = "<tr><td align='right'><span class='spn_loading'><img src='WEB-CONTENT/img/progress.gif'/></span></td></tr>"
    $("#grid_listado_ofertas-mercado table").html(loading);
    
    var tipo_espe = $(formulario).find("#slt_tipo_especialidad").val();
    var pala_clav = $(formulario).find("#txt_palabras_clave").val();
    
    if(tipo_espe == "0" ){tipo_espe = "";}
        
    var html =   "";
    
    var url = par_sis[0]+par_sis[11]+par_sis[128];    
    $.getJSON(
        url,
        {dsc:pala_clav.trim(),esc:tipo_espe},
        function(data) {
            if(data != ""){
                $.each(data, function(key, val) {
                    html += "<tr><td width='100%' class='oferta_item'>\n\
                                    <table width='100%'>\n\
                                        <tr>\n\
                                            <td width='94%'class='oferta_titulo'>"+val["crg"]+"</td>\n\
                                            <td width='3%' class='oferta_ver'><a href='#!' title='Ver m&aacute;s' class='tooltip' onclick='verDetallesOferta("+'"'+val["cod"]+"-"+val["ruc"]+'"'+")'><img src='WEB-CONTENT/img/vermas.gif'/></a></td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Empresa Encargada:</span>"+val["nombre_empresa"]+"</td>\n\
                                        </tr>\n\
                                        <tr>\n\
                                            <td colspan=3><span class='oferta_label'>Fecha de Creacion:</span>"+val["fec_cre"]+"<span class='oferta_label' style='padding-left:10px;'>Vence:</span>"+val["fec_ven"]+"</td>\n\
                                        </tr>\n\
                                    </table>\n\
                                </td></tr>";
                });
            }else{
                html = "<tr>\n\
                            <td colspan='4'>Resultados: 0</td>\n\
                        </tr>";
            }                
            $("#grid_listado_ofertas-mercado table").html(html);
            $("a.tooltip").tipsy({gravity: 'w',html:true});
    });
}

function enviarPerfil(){
    
}

function verDetallesOferta(obj){
    //localhost:9090/directorio/FrontEnd?localize=EmpresaController&opt=18&_id_rq=23&_ruc=25332211016
    var codigo  = obj.split("-");
    var loading = "<tr><td><span class='spn_loading' style='float: left;'><img src='WEB-CONTENT/img/progress.gif'/></span></td></tr>"
        
    var url     = par_sis[2]+par_sis[11]+par_sis[134];
    var html    = "";
    
    $("#tbl_vermas_oferta").html(loading);
    mostrarVentanaModal("#dlg_vermas_oferta", "detalleoferta", 'categoria');
    
    $.getJSON(
        url,
        {_id_rq:codigo[0],_ruc:codigo[1]},
        function(data) {
            if(data == ""){
                html += "<tr><td colspan='4'>La oferta no posee detalles.</td></tr>";
            }else{
                $.each(data, function(key, val) {
                    html +="<tr><td class='lbl_title_form' colspan='2'>Datos de la Empresa</td></tr>\n\
                            <tr><td></td></tr>\n\
                            <tr><td class='lbl_form'>Ruc :</td><td>"+                val["ruc"]+"</td></tr>";
                    
                    html +="<tr><td></td></tr>\n\
                            <tr><td class='lbl_title_form' colspan='2'>Datos de la Oferta</td></tr>\n\
                            <tr><td></td></tr>\n\
                            <tr><td class='lbl_form'>Tipo de Oferta: </td><td>"+              val["tip_oft"]      +"</td></tr>\n\
                            <tr><td class='lbl_form'>Dirigido a : </td><td>"+        val["tip_alum"] +"</td></tr>\n\
                            <tr><td class='lbl_form'>Cargo a desempeñar: </td><td>"+             val["crg"]      +"</td></tr>\n\
                            <tr><td class='lbl_form'>Descripcion : </td><td>"+       val["des"]      +"</td></tr>\n\
                            <tr><td class='lbl_form'>Escuela : </td><td>"+           val["esc"]      +"</td></tr>\n\
                            <tr><td class='lbl_form'>Fecha Publicado : </td><td>"+   val["fec_cre"]  +"</td></tr>\n\
                            <tr><td class='lbl_form'>Fecha Vencimiento : </td><td>"+ val["fec_ven"]  +"</td></tr>\n\
                            <tr><td class='lbl_form'>Conocimientos en : </td><td></td></tr>";
                    
                    html += "<tr><td colspan='2'><table id='tbl_vermas_conocimientos'>"
                    $.each(val["sectores"], function(key, val){
                        html +="<tr><td colspan='2' class='lbl_sector'>"+val["des"]+"</td></tr>";
                        var hab = "";
                        $.each(val["habilidades"], function(key, val){                            
                            hab += "<tr><td class='lbl_hab'>"+val["des"]+": </td><td>";
                            var hab_itm = "";
                            $.each(val["habilidades_item"], function(key, val){
                                hab_itm += val["des"]+", ";
                            });
                            hab += hab_itm+"</td></tr>"; 
                        });
                        html +=hab;
                    });
                    html += "</table></td><tr>"
                });
            }
        $("#bgmodal").find("#tbl_vermas_oferta").html(html);
    });
}